// riderDistribution/pages/viewRouter/viewRouter.js
var common = require("../../../common/common.js").common;

Page({
    /**
   * 页面的初始数据
   */
    data: {
        setting: {
            scale: 12,
            // markers: [{ // 绘制浮标，传入JSON支持多个
            //     iconPath: "../../images/avatar.png", //浮标图片路径，推荐png图片
            //     id: 0, // Id支持多个，方便后期点击浮标获取相关信息
            //     latitude: 23.099994, // 经度
            //     longitude: 113.324520, //纬度
            //     width: 50, // 浮标宽度
            //     height: 50 // 浮标高度
            //   }],
            longitude: 120.85746,
            latitude: 32.009521,
            polyline: [ {
                // 绘制多边形区域，两个点绘制直线
                points: [ // 这里传入两个点是直线，如果传入三个点以上就会是首尾相连的多边形区域
                {
                    longitude: 113.3245211,
                    latitude: 23.10229
                }, {
                    longitude: 113.324522,
                    latitude: 23.21229
                } ],
                color: "#FF0000DD",
                // 设置颜色
                width: 2,
                // 设置线宽度 注：电脑模拟器无法预览测设设置，此设置需要手机测试
                dottedLine: true
            } ]
        }
    },
    /**
   * 生命周期函数--监听页面加载
   */
    onLoad: function(options) {
        this.setData({
            order_id: options.id
        });
        this.getLocate();
    },
    /**
   * 生命周期函数--监听页面初次渲染完成
   */
    onReady: function() {},
    /**
   * 生命周期函数--监听页面显示
   */
    onShow: function() {},
    /**
   * 生命周期函数--监听页面隐藏
   */
    onHide: function() {},
    /**
   * 生命周期函数--监听页面卸载
   */
    onUnload: function() {},
    /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
    onPullDownRefresh: function() {},
    /**
   * 页面上拉触底事件的处理函数
   */
    onReachBottom: function() {},
    /**
   * 用户点击右上角分享
   */
    onShareAppMessage: function() {},
    getLocate: function() {
        let that = this;
        common.getAppBase().then(() => {
            common.getCurrentLocation(that.data.appBase.location_key).then(() => {
                var setting = that.data.setting;
                setting.latitude = that.data.lat;
                setting.lng = that.data.lng;
                setting.markers = [ {
                    // 绘制浮标，传入JSON支持多个
                    iconPath: "../../images/rider.png",
                    //浮标图片路径，推荐png图片
                    id: 0,
                    // Id支持多个，方便后期点击浮标获取相关信息
                    latitude: that.data.lat,
                    // 经度
                    longitude: that.data.lng,
                    //纬度
                    width: 60,
                    // 浮标宽度
                    height: 56
                } ];
                that.setData({
                    setting: setting
                });
                that.getDetail();
            });
        });
    },
    getDetail: function() {
        let _this = this;
        let {order_id: order_id, lat: lat, lng: lng} = _this.data;
        let params = {
            order_id: order_id,
            lat: lat,
            lng: lng
        };
        common.request({
            endpoint: "Rider/rider/rider-order-detail",
            method: "post",
            data: params,
            success: res => {
                var details = res.extra;
                _this.setData({
                    details: details
                });
                var setting = _this.data.setting;
                setting.markers.push({
                    //商家
                    iconPath: "../../images/store.png",
                    //浮标图片路径，推荐png图片
                    id: 1,
                    // Id支持多个，方便后期点击浮标获取相关信息
                    latitude: details.repertory_lat,
                    // 经度
                    longitude: details.repertory_lng,
                    //纬度
                    width: 53,
                    // 浮标宽度
                    height: 59
                });
                setting.markers.push({
                    //顾客
                    iconPath: "../../images/custom.png",
                    //浮标图片路径，推荐png图片
                    id: 3,
                    // Id支持多个，方便后期点击浮标获取相关信息
                    latitude: details.user_paid_info.lat,
                    // 经度
                    longitude: details.user_paid_info.lng,
                    //纬度
                    width: 53,
                    // 浮标宽度
                    height: 59
                });
                setting.polyline.push({
                    points: [ // 这里传入两个点是直线，如果传入三个点以上就会是首尾相连的多边形区域
                    {
                        longitude: _this.data.lng,
                        latitude: _this.data.lat
                    }, {
                        longitude: details.user_paid_info.lng,
                        latitude: details.user_paid_info.lat
                    }, {
                        longitude: details.repertory_lng,
                        latitude: details.repertory_lat
                    } ],
                    color: "#FF0000DD",
                    // 设置颜色
                    width: 5,
                    // 设置线宽度 注：电脑模拟器无法预览测设设置，此设置需要手机测试
                    dottedLine: true
                });
                _this.setData({
                    setting: setting
                });
            }
        });
    },
    dealPlo: function() {},
    makePhone: function(e) {
        wx.makePhoneCall({
            phoneNumber: e.currentTarget.dataset.phone
        });
    },
    OpenLoactionStore: function() {
        const {repertory_lat: repertory_lat, repertory_lng: repertory_lng, repertory_title: repertory_title} = this.data.details;
        wx.showLoading({
            title: "加载中"
        });
        repertory_title && wx.openLocation({
            latitude: parseFloat(repertory_lat),
            longitude: parseFloat(repertory_lng),
            address: repertory_title,
            success: function() {},
            fail: function(err) {
                wx.showToast({
                    title: err.errMsg,
                    icon: "none"
                });
            },
            complete: function() {
                wx.hideLoading({
                    success: res => {}
                });
            }
        });
    },
    OpenLoactionUser: function() {
        const {user_paid_info: user_paid_info} = this.data.details;
        wx.showLoading({
            title: "加载中"
        });
        user_paid_info.order_house_number && wx.openLocation({
            latitude: parseFloat(user_paid_info.lat),
            longitude: parseFloat(user_paid_info.lng),
            address: user_paid_info.order_house_number,
            success: function() {},
            fail: function(err) {
                wx.showToast({
                    title: err.errMsg,
                    icon: "none"
                });
            },
            complete: function() {
                wx.hideLoading({
                    success: res => {}
                });
            }
        });
    }
});